<div class="row-fluid">
    <div class="area" style="position: relative;">
        <div style="position: absolute; top: 20px; right: 10px; width: 250px; height: 24px;">
            <div style="height:24px; width:120px;" class="pull-right">
            </div>
            <div style="height:24px; width:120px;" class="pull-right">
            </div>
        </div>
        <legend class="legend">
            <h4>人人P2P，美剧，电影分享的天堂！ <a href="/"><i class="icon-hand-right"></i> 发现你想看的电影/电视剧</a></h4>
        </legend>
        <div id="hot_films" class="carousel slide" style="margin-bottom: 0;">
            <!-- Carousel items -->
            <div class="carousel-inner">

                <div class="item" style="background-color: white;">
                    <ul class="thumbnails">
                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=133" target="_blank" alt="泰迪熊">
                                <div class="thumbnail">
                                    <img alt="泰迪熊" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071ce1d90d7a90a416a7f03">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>泰迪熊</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=2270" target="_blank" alt="金陵十三钗">
                                <div class="thumbnail">
                                    <img alt="金陵十三钗" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071cc1a90d7a90a416a5336">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>金陵十三钗</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=6631" target="_blank" alt="暮光之城4：破晓(上)">
                                <div class="thumbnail">
                                    <img alt="暮光之城4：破晓(上)" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071cb0e90d7a90a416a3c32">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>暮光之城4：破晓</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=3589" target="_blank" alt="失恋33天">
                                <div class="thumbnail">
                                    <img alt="失恋33天" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071ce4990d7a90a416a82e2">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>失恋33天</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=444" target="_blank" alt="功夫熊猫2">
                                <div class="thumbnail">
                                    <img alt="功夫熊猫2" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071caa990d7a90a416a32f2">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>功夫熊猫2</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=3594" target="_blank" alt="艺术家">
                                <div class="thumbnail">
                                    <img alt="艺术家" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071d04090d7a90a416aaf07">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>艺术家</b>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="item" style="background-color: white;">
                    <ul class="thumbnails">


                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=113" target="_blank" alt="社交网络">
                                <div class="thumbnail">
                                    <img alt="社交网络" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071ca7290d7a90a416a2e97">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>社交网络</b>
                                    </div>
                                </div>
                            </a>
                        </li>


                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=2639" target="_blank" alt="盗梦空间">
                                <div class="thumbnail">
                                    <img alt="盗梦空间" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071cbb590d7a90a416a4b9a">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>盗梦空间</b>
                                    </div>
                                </div>
                            </a>
                        </li>


                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=1774" target="_blank" alt="岁月神偷">
                                <div class="thumbnail">
                                    <img alt="岁月神偷" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071cc9590d7a90a416a5d4b">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>岁月神偷</b>
                                    </div>
                                </div>
                            </a>
                        </li>


                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=4963" target="_blank" alt="三傻大闹宝莱坞">
                                <div class="thumbnail">
                                    <img alt="三傻大闹宝莱坞" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071cc9590d7a90a416a5d58">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>三傻大闹宝莱坞</b>
                                    </div>
                                </div>
                            </a>
                        </li>


                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=10974" target="_blank" alt="非诚勿扰2">
                                <div class="thumbnail">
                                    <img alt="非诚勿扰2" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071cb2e90d7a90a416a3efd">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>非诚勿扰2</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=12401" target="_blank" alt="教父">
                                <div class="thumbnail">
                                    <img alt="教父" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071c09d90d7a90a3c0751b2">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>教父</b>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

                <div class="item active" style="background-color: white;">
                    <ul class="thumbnails">

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=10656" target="_blank" alt="入殓师">
                                <div class="thumbnail">
                                    <img alt="入殓师" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071c78d90d7a90a4169ee01">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>入殓师</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=4561" target="_blank" alt="机器人总动员">
                                <div class="thumbnail">
                                    <img alt="机器人总动员" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071c74990d7a90a4169e778">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>机器人总动员</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=2784" target="_blank" alt="V字仇杀队">
                                <div class="thumbnail">
                                    <img alt="V字仇杀队" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/50e43b06342f1046824d3c6e">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>V字仇杀队</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=14181" target="_blank" alt="蝴蝶效应">
                                <div class="thumbnail">
                                    <img alt="蝴蝶效应" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071c0a090d7a90a3c075223">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>蝴蝶效应</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=4885" target="_blank" alt="这个杀手不太冷">
                                <div class="thumbnail">
                                    <img alt="这个杀手不太冷" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071c18090d7a90a4169660c">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>这个杀手不太冷</b>
                                    </div>
                                </div>
                            </a>
                        </li>

                        <li class="span2" style="height: 220px; margin-bottom: 0;" rel="tooltip" data-placement="bottom" >
                            <a href="/item?id=1945" target="_blank" alt="十二怒汉">
                                <div class="thumbnail">
                                    <img alt="十二怒汉" style="width: 120px; height: 180px;" src="http://img2.static.dianying.fm/poster/m/5071c0b490d7a90a3c075500">
                                    <div style="margin-top: 3px; text-align: center; line-height: 18px;">
                                        <b>十二怒汉</b>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#hot_films" data-slide="prev">‹</a>
            <a class="carousel-control right" href="#hot_films" data-slide="next">›</a>
        </div>
    </div>
</div>